<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/03.css" />
	</head>
	<body>
		<header>
			<span><img src="../img/01.png" alt="" /></span>
			<span>ZXIU  走秀</span>
			<span><img src="../img/14.png" alt="" /></span>
		</header>
		 <nav>
		 	<span>商品数量：1</span>
		 	<span>应付总额（不含运费）：￥1600</span>
		 </nav>
		 <section>
		 	<div class="left">
		 		<img src="../img/15.png" alt="" />
		 	</div>
		 	<div class="right">
		 		<p class="p1">FDDDD      气质V领镇山<img src="../img/04.png" alt="" /></p>
		 		<p class="p2">T恤</p>
		 		<p class="p3">单价：<span>￥199</span><img src="../img/16.png" alt="" /></p>
		 		<p class="p4">数量：
		 			
		 			
		 			
		 		<img src="../img/17.png" id="btn" />
				<span id="num">0</span>
				<img src="../img/18.png" id="btn1" />
		 		
		 		
		 		</p>
		 	</div>
		 </section>
		 <footer>
			<ul>
				<li><img src="../img/7-15.png" alt="" /></li>
				<li><img src="../img/7-11.png" alt="" /><a href="">搜索</a></li>
				<li><img src="../img/7-12.png" alt="" /><a href="">我的秀</a></li>
				<li><img src="../img/7-13.png" alt="" /><a href="">购物车</a></li>
				<li><img src="../img/7-14.png" alt="" /><a href="">更多</a></li>
			</ul>
		</footer>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
	
		<script>
			window.onload = function() {
				var btn = document.getElementById("btn");
				var btn1 = document.getElementById("btn1");
				var num = document.getElementById("num");
				var i = 0;
				btn.onclick = function() {
					if (i <= 0) {
						return
					}
					i -= 1;
					num.innerHTML = i;
				}
				
				btn1.onclick = function() {
					
					i += 1;
					
					num.innerHTML = i;
				}
				
//				label
//图片不能直接作为弹性盒的子节点
//解决适配 H5  宽高用rem  一个rem就代表他的  项目维护
			}
		</script>
	</body>
</html>
